<style>
    .solicita {
        font-weight: bold;
        color: red;
    }

</style>
<!--<div class="container_16">
    <div class="push_1 grid_12 containerHeight">
        <h2><?/*= lang('titConsultaTarj') */?></h2>
        <fieldset style="border-color: red;">
            <legend><?/*= lang('seleccionaCuenta'); */?></legend>
            <form id="cuentas" action="backend/tarjetas/tarjeta/consultarTarjetas" method="post">
                <table>
                    <?php /*foreach ($misCuentas as $c): */?>
                    <tr>
                        <td>
                            <input id="<?/*= $c->id */?>" type="radio" class="rb" name="cuenta" value="<?/*= $c->id */?>"/>
                            <label for="<?/*= $c->id */?>"><?/*= $c->codigoEntidad */?> - <?/*= $c->codigoOficina */?>
                                - <?/*= $c->codigoEntidad */?> - <?/*= $c->codigoControl */?> - <?/*= $c->codigoCuenta */?></label>
                        </td>
                    </tr>
                    <?php /*endforeach; */?>
                    <tr>
                        <td><span id="error" style="display: none;"><?/*= lang("seleccionaCuenta"); */?></span></td>
                    </tr>
                    <tr>
                        <td>
                            <button type="button" id="boton"><?/*= lang("consultar"); */?></button>
                        </td>
                    </tr>
                </table>
            </form>
        </fieldset>
    </div>
    <div class="push_1 grid_4" style="margin-top: 50px">
        <p><?/*= lang("necesitasTarjetaNueva"); */?> <a class="solicita"
                                                    href="backend/tarjetas/tarjeta/solicitud"><?= lang("solicitala"); ?></a>
        </p>
    </div>
</div>-->
<div class="container_16">
    <div class="grid_12 push_1">
        <h2><?= lang('titConsultaTarj') ?></h2>
            <div id="cuentas">
                <?php foreach ($cuentas as $c): ?>
                <h3 style="padding-left: 25px"><?=$c->codigoEntidad?> - <?=$c->codigoControl?> - <?=$c->codigoControl?>
                    - <?=$c->codigoCuenta?></h3>
                <div>
                    <table id="tarjetas<?=$c->id?>">
                        <thead>
                        <tr>
                            <th><?= lang("codigoTarjeta") ?></th>
                            <th><?= lang("titularTarjeta") ?></th>
                            <th><?= lang("saldo") ?></th>
                            <th><?= lang("fechaCaducidad") ?></th>
                        </tr>
                        </thead>
                        <tbody>
                            <?php foreach ($tarjetas[$c->id] as $t): ?>
                        <tr>
                            <td><?=$t->codigo?></td>
                            <td><?=$t->nombre?></td>
                            <td><?=$t->saldo?></td>
                            <td><?=$t->fechaCaducidad?></td>
                        </tr>
                            <?php endforeach; ?>
                        </tbody>
                    </table>
                    <script>
                        $(document).ready(function () {
                            $('#tarjetas' +<?= $c->id ?>).dataTable({
                                "bJQueryUI":true,
                                "bInfo":false,
                                "bSort":false,
                                "bPaginate":false,
                                "oLanguage":{
                                    "sUrl":"<?= lang('datatables_lng') ?>"
                                }
                            });
                            var saldo =  $('#tarjetas<?=$c->id?> tbody tr').children(':eq(2)').text();
                            saldo = replaceAll(saldo, ".", ",");
                            saldo = saldo + " " + String.fromCharCode(8364);
                            $('#tarjetas<?=$c->id?> tbody tr').children(':eq(2)').text(saldo);
                        });
                    </script>
                </div>
                <?php endforeach; ?>
            </div>
    </div>
</div>
<script>
    function replaceAll(text, busca, reemplaza) {
        while (text.toString().indexOf(busca) != -1)
            text = text.toString().replace(busca, reemplaza);
        return text;
    }
    $(document).ready(function () {
        $("#boton").click(function () {
            if ($("input.rb").is(':checked')) {
                $("#cuentas").submit();
            } else {
                $("#error").attr("style", "color:red");
            }
        });
        $("#cuentas").accordion({
            collapsible:true,
            active:0,
            autoHeight:false
        });
    });
</script>
<style>
    .dataTables_filter {
        display: none;
    }
</style>